// 1.全局引入  参数引入app  通过app.directive方法自定义指令
// 引入仓库和大仓库
import pinia from "@/store";
import { useUserStore } from "@/store/modules/user";
let userStore = useUserStore(pinia);

export const isHas = (app: any) => {
    app.directive("has", {
        // 配置项 mounted 组件挂载完毕后会执行一次
        mounted(el: any, option: any) {
            // el :使用这个指令的节点
            // option :使用这个指令传过来的值 （传值需要 v-has = "`user`" 这种形式）
            console.log(option);
            // @ts-ignore
            if (!userStore.buttons.includes(option.value)) {
                // 删除父节点的子节点
                el.parentNode.removeChild(el);
            }
        },
    });
};
